<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0">
    <title>越过山丘，愿你美丽依旧</title>
    <!-- build:css css/style.css -->
    <link rel="stylesheet" href="css/animate.css">
    <link rel="stylesheet" href="css/idangerous.swiper.css">
    <link rel="stylesheet" href="css/style.css">
    <!-- endbuild -->
    <!-- build:js js/jq.min.js -->
    <script src="js/jquery-1.11.1.js"></script>
    <!-- endbuild -->
    <!-- build:js js/jpreloader.min.js -->
    <script src="js/jpreloader.js"></script>
    <!-- endbuild -->
</head>
<body>
<div class="f-dn"><img src="images/share.jpg"/></div>
<div class="g-doc">
    <div class="g-bd">
        <div id="main-swiper" class="swiper-container">
          <div class="swiper-wrapper">
              <div id="slide0" class="swiper-slide"> 
                <div class="m-screen m-screen0">
                    <div class="g-ct f-dn">
                      <div class="g-logo">
                        <img src="images/logo.png" alt="logo" />
                      </div>
                      <div class="g-content">
                        <div id="dancer-bg" class="animated f-ad0 f-ann fadeInUpSmall">
                          <div id="dancers" class="f-ann fadeIn"></div>
                        </div>
                        <div class="char-wrapper">
                          <div id="yue1" class="animated-char f-ad0 f-ann yue1Move"><img src="images/yue_1.png"/></div>
                          <div id="yue2" class="animated-char f-ad0 f-ann yue2Move"><img src="images/yue_2.png"/></div>
                          <div id="yue3" class="animated-char f-ad0 f-ann yue3Move"><img src="images/yue_3.png"/></div>
                          <div id="guo1" class="animated-char f-ad1 f-ann guo1Move"><img src="images/guo_1.png"/></div>
                          <div id="guo2" class="animated-char f-ad1 f-ann guo2Move"><img src="images/guo_2.png"/></div>
                          <div id="guo3" class="animated-char f-ad1 f-ann guo3Move"><img src="images/guo_3.png"/></div>
                          <div id="guo4" class="animated-char f-ad1 f-ann guo4Move"><img src="images/guo_4.png"/></div>
                          <div id="shan" class="animated-char f-ad2 f-ann shanMove"><img src="images/shan.png"/></div>
                          <div id="qiu" class="animated-char f-ad2 f-ann qiuMove"><img src="images/qiu.png"/></div>
                          <div id="douhao" class="animated-char f-ad2 f-ann douhaoMove"><img src="images/douhao.png"/></div>
                          <div id="yuan1" class="animated-char f-ad2 f-ann yuan1Move"><img src="images/yuan_1.png"/></div>
                          <div id="yuan2" class="animated-char f-ad2 f-ann yuan2Move"><img src="images/yuan_2.png"/></div>
                          <div id="yuan3" class="animated-char f-ad2 f-ann yuan3Move"><img src="images/yuan_3.png"/></div>
                          <div id="yuan4" class="animated-char f-ad2 f-ann yuan4Move"><img src="images/yuan_4.png"/></div>
                          <div id="yuan5" class="animated-char f-ad2 f-ann yuan5Move"><img src="images/yuan_5.png"/></div>
                          <div id="ni1" class="animated-char f-ad3 f-ann ni1Move"><img src="images/ni_1.png"/></div>
                          <div id="ni2" class="animated-char f-ad3 f-ann ni2Move"><img src="images/ni_2.png"/></div>
                          <div id="ni3" class="animated-char f-ad3 f-ann ni3Move"><img src="images/ni_3.png"/></div>
                          <div id="ni4" class="animated-char f-ad3 f-ann ni4Move"><img src="images/ni_4.png"/></div>
                          <div id="mei1" class="animated-char f-ad3 f-ann mei1Move"><img src="images/mei_1.png"/></div>
                          <div id="mei2" class="animated-char f-ad3 f-ann mei2Move"><img src="images/mei_2.png"/></div>
                          <div id="mei3" class="animated-char f-ad3 f-ann mei3Move"><img src="images/mei_3.png"/></div>
                          <div id="mei4" class="animated-char f-ad3 f-ann mei4Move"><img src="images/mei_4.png"/></div>
                          <div id="mei5" class="animated-char f-ad3 f-ann mei5Move"><img src="images/mei_5.png"/></div>
                          <div id="li1" class="animated-char f-ad4 f-ann li1Move"><img src="images/li_01.png"/></div>
                          <div id="li2" class="animated-char f-ad4 f-ann li2Move"><img src="images/li_02.png"/></div>
                          <div id="li3" class="animated-char f-ad4 f-ann li3Move"><img src="images/li_03.png"/></div>
                          <div id="li4" class="animated-char f-ad4 f-ann li4Move"><img src="images/li_04.png"/></div>
                          <div id="li5" class="animated-char f-ad4 f-ann li5Move"><img src="images/li_05.png"/></div>
                          <div id="li6" class="animated-char f-ad4 f-ann li6Move"><img src="images/li_06.png"/></div>
                          <div id="yi1" class="animated-char f-ad4 f-ann yi1Move"><img src="images/yi_01.png"/></div>
                          <div id="yi2" class="animated-char f-ad4 f-ann yi2Move"><img src="images/yi_02.png"/></div>
                          <div id="yi3" class="animated-char f-ad4 f-ann yi3Move"><img src="images/yi_03.png"/></div>
                          <div id="jiu1" class="animated-char f-ad5 f-ann jiu1Move"><img src="images/jiu_01.png"/></div>
                          <div id="jiu2" class="animated-char f-ad5 f-ann jiu2Move"><img src="images/jiu_02.png"/></div>
                          <div id="juhao" class="animated-char f-ad5 f-ann juhaoMove"><img src="images/juhao.png"/></div>
                        </div>
                      </div>
                      <div class="g-disclaimer">
                        <ul>
                          <li><a href="http://www.jjmc.com.cn/wap/wapabout/Statement">法律声明</a></li><!-- 
                       --><li><a href="#">|</a></li><!-- 
                       --><li><a href="http://www.jjmc.com.cn/wap/wapabout/Privacy">隐私声明</a></li>
                        </ul>
                        <div class="pm-code">
                          <span>PM code: 0311Supporting4178</span>
                        </div>
                      </div>
                    </div>
                </div>
              </div>
              <div id="slide1" class="swiper-slide">
                <div class="m-screen m-screen1">
                    <div class="g-ct f-dn">
                      <div class="g-content">
                        <div class="story animated f-ann f-ad0 fadeIn"></div>
                        <div class="girl  animated f-ann f-ad1 fadeIn"></div>
                      </div>
                      <div class="swipe-hint animated f-ann f-ad2 bounce">
                      </div>
                      <div class="footer-logo">
                      </div>
                    </div>
                </div>
              </div>
              <div id="slide2" class="swiper-slide">
                <div class="m-screen m-screen2">
                    <div class="g-ct f-dn">
                      <div class="g-content">
                        <div class="story animated f-ann f-ad0 fadeIn"></div>
                        <div class="girl  animated f-ann f-ad1 fadeIn"></div>
                      </div>
                      <div class="swipe-hint animated f-ann f-ad2 bounce">
                      </div>
                      <div class="footer-logo">
                      </div>
                    </div>
                </div>
              </div>
              <div id="slide3" class="swiper-slide">
                <div class="m-screen m-screen3">
                    <div class="g-ct f-dn">
                      <div class="g-content">
                        <div class="story animated f-ann f-ad0 fadeIn"></div>
                        <div class="girl  animated f-ann f-ad1 fadeIn"></div>
                      </div>
                      <div class="swipe-hint animated f-ann f-ad2 bounce">
                      </div>
                      <div class="footer-logo">
                      </div>
                    </div>
                </div>
              </div>
              <div id="slide4" class="swiper-slide">
                <div class="m-screen m-screen4">
                    <div class="g-ct f-dn">
                      <div class="g-content">
                        <div class="story animated f-ann f-ad0 fadeIn"></div>
                        <div class="girl  animated f-ann f-ad1 fadeIn"></div>
                      </div>
                      <div class="swipe-hint animated f-ann f-ad2 bounce">
                      </div>
                      <div class="footer-logo">
                      </div>
                    </div>
                </div>
              </div>
              <div id="slide5" class="swiper-slide">
                <div class="m-screen m-screen5">
                    <div class="g-ct f-dn">
                      <div class="g-content">
                        <div class="story animated f-ann f-ad0 fadeIn"></div>
                        <div class="girl  animated f-ann f-ad1 fadeIn"></div>
                      </div>
                      <div class="swipe-hint animated f-ann f-ad2 bounce">
                      </div>
                      <div class="footer-logo">
                      </div>
                    </div>
                </div>
              </div>
              <div id="slide6" class="swiper-slide">
                <div class="m-screen m-screen6">
                    <div class="g-ct f-dn">
                      <div class="g-content">
                        <div class="story animated f-ann f-ad0 fadeIn"></div>
                        <div class="girl  animated f-ann f-ad1 fadeIn"></div>
                      </div>
                      <div class="swipe-hint animated f-ann f-ad2 bounce">
                      </div>
                      <div class="footer-logo">
                      </div>
                    </div>
                </div>
              </div>
              <div id="slide7" class="swiper-slide">
                <div class="m-screen m-screen7">
                    <div class="g-ct f-dn">
                      <div class="g-content">
                        <div class="story animated f-ann f-ad0 fadeIn"></div>
                        <div class="cities">
                          <a class="beijing animated f-ann f-ad3 beijingMove"></a>
                          <a class="guangzhou animated f-ann f-ad3 guangzhouMove"></a>
                          <a class="chengdu  animated f-ann f-ad3 chengduMove"></a>
                          <a class="qingdao  animated f-ann f-ad3 qingdaoMove"></a>
                          <div class="click-city f-dn animated f-ann f-ad1 tada"></div>
                        </div>
                      </div>
                      <div class="city-show f-dn">
                          <div class="g-ct">
                            <div id="beijing" class="g-content f-dn">
                              <div class="story animated f-ad0 fadeIn"></div>
                              <div class="close"></div>
                              <ul class="buttons">
                                <li id="share"><a href="#"><img src="images/btn_share.png" /></a></li><!-- 
                             --><li id="survey">
                                  <a href="http://mediacenter.jjmc.cn/mentor/goddess/"><img src="images/btn_survey.png" /></a>
                                </li>
                              </ul>
                            </div>
                            <div id="guangzhou" class="g-content f-dn">
                              <div class="story animated f-ann f-ad0 fadeIn"></div>
                              <div class="close"></div>
                              <ul class="buttons">
                                <li id="share" ><a href="#"><img src="images/btn_share.png" /></a></li><!-- 
                             --><li id="survey" ><a href="http://mediacenter.jjmc.cn/mentor/goddess/"><img src="images/btn_survey.png" /></a></li>
                              </ul>
                            </div>
                            <div id="chengdu" class="g-content f-dn">
                              <div class="story animated f-ann f-ad0 fadeIn"></div>
                              <div class="close"></div>
                              <ul class="buttons">
                                <li id="share" ><a href="#"><img src="images/btn_share.png" /></a></li><!-- 
                             --><li id="survey" ><a href="http://mediacenter.jjmc.cn/mentor/goddess/"><img src="images/btn_survey.png" /></a></li>
                              </ul>
                            </div>
                            <div id="qingdao" class="g-content f-dn">
                              <div class="story animated f-ann f-ad0 fadeIn"></div>
                              <div class="close"></div>
                              <ul class="buttons">
                                <li id="share" ><a href="#"><img src="images/btn_share.png" /></a></li><!-- 
                             --><li id="survey" ><a href="http://mediacenter.jjmc.cn/mentor/goddess/"><img src="images/btn_survey.png" /></a></li>
                              </ul>
                            </div>
                            <div class="footer-logo">
                            </div>
                          </div>
                      </div>
                      <div class="share-hint f-dn">
                        <img src="images/hint.png" />
                      </div>
                      <!-- <div class="footer-logo">
                      </div> -->
                    </div>
                </div>
              </div>
          </div>
        </div>
    </div>
    <div id="weixin_hint" class="f-dn">
        <div id="hint" class="">  
            
        </div>
    </div>

</div>


<!-- build:js js/3pl.js -->
<script src="js/idangerous.swiper.js"></script>
<script src="js/spin.min.js"></script>
<!-- endbuild -->
<!-- build:js js/app.js -->
<script src="js/app.js"></script>
<!-- endbuild -->
<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-17257139-1']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>

<script type="text/javascript">
var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://");
        document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3F3c2f29746f0a3824c37857b17f45e42c' type='text/javascript'%3E%3C/script%3E"));
</script>
</body>
</html>
